<template>
  <view class="container">
    <view class="f ac xb bgf pd30 fs40r fw9">
      <view>训练计划</view>
      <view>离散周期</view>
    </view>
    <view class="mt30r pd30 bgf">
      <view v-for="i in 10">
        <view class="f ac xb mt20r">
          <view class="title">热身激活</view>
          <view class="add" @click="add">添加动作</view>
        </view>
        <view class="f ac xb mt30r plan" @click="edit" >
          <view >训练计划</view>
          <view >
            5组X5次|100KG|间歇30秒>
          </view>
        </view>
        <view class="f ac xb mt30r plan" >
          <view >训练计划</view>
          <view >
            5组X5次|100KG|间歇30秒>
          </view>
        </view>
      </view>

    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      show:false,
      title:'添加动作'
    };
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 初始化当前选中的标签
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    // this.$refs.paging.reload();
  },
  /**
   * 生命周期函数--监听页面的卸载
   */
  onUnload() {
    // 卸载全局事件订阅
    uni.$off("syncRefresh");
  },

  methods: {
    add(){
      this.show = true
    },
    edit(){
      uni.navigateTo({
        url: '/pages/plan/setting'
      })
    },

  },
};
</script>

<style lang="scss" scoped>
.container {
  background: #f4f4f4;
}
.pd30 {
  padding: 30rpx;
}
.title {

  background: #FEF7EB;
  padding: 10rpx 30rpx;
  color: #F3AE3F;
  border-radius: 30rpx;
}
.add{
  padding: 10rpx 30rpx;
  color: #000;
  border-radius: 30rpx;
  border: 1px solid #000;
}
.plan{
  background: #f4f4f4;
  padding: 30rpx;
  // width: 100%;
}
</style>
